<!-- 
表格列表提示
1.total总数为0，显示空提示
2.size*current >= total 显示‘没有更多数据’
3.size*current < total 显示‘正在加载中...’
 -->
<template>
	<view class="m-list-tip">
		<view ></view>
		<mEmpty v-if="!page.total"></mEmpty>
		<view v-else-if="page.size*page.current >= page.total" class="text">没有更多数据</view>
		<view v-else class="text more"><u-loading-icon></u-loading-icon>正在加载更多...</view>
	</view>
</template>

<script>
	import mEmpty from "@/components/mEmpty/mEmpty.vue";
	export default {
		name:"mTableTip",
		components: {
			mEmpty
		},
		data() {
			return {
				
			};
		},
		props: {
			page: {
				type: Object,
				default: () => {
					return {
						current: 1,
						size: 10,
						total: 0
					}
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
.m-list-tip {
	.text {
		text-align: center;
		line-height: 80rpx;
		font-size: 24rpx;
		color: #999;
		&.more {
			display: flex;
			justify-content: center;
			gap: 20rpx;
		}
	}
}
</style>